﻿/**
 * Created by Administrator on 2017/4/30.
 */

window.onload = function(){
    video.play();
};

$("#bg_img").mouseover(function(){
    $("#span1").animate({
        width:"110",
        height:"110",
        left:"0",
        top:"0",
        opacity:"-=0.5"
    },300,function(){
        $("#span3").animate({
            border:"4px solid rgba(255,255,255,1)",
            width:"70",
            height:"70",
            left:"20",
            top:"20"
        },500);
        $("#span2").animate({
            border:"4px solid #fff",
            width:"70",
            height:"70",
            left:"20",
            top:"20",
            opacity:"0.3"
        },500)
    })
});
$("#bg_img").mouseout(function(){
    $("#span3").animate({
        border:"none",
        width:"0",
        height:"0",
        left:"55",
        top:"55",
        opacity:'0'
    },500);
    $("#span2").animate({
        border:"none",
        width:"0",
        height:"0",
        left:"55",
        top:"55",
        opacity:"0"
    },500,function(){
        $("#span1").animate({
            width:"70",
            height:"70",
            left:"20",
            top:"20",
            opacity:"1"
        })
    })
});

var as = topBox.getElementsByTagName("a");
for(var a=0;a<as.length;a++){
    as[a].onmouseover = function(){
        this.style.color = "#ED6D00";
    };
    as[a].onmouseout = function(){
        this.style.color = "#D6D6D8";
    }
}


var uls = cnt2_list.getElementsByTagName("ul");
var imgs = cnt2_img.getElementsByTagName("img");
for(var u=0;u<uls.length;u++){
    uls[u].index = u;
    uls[u].onmouseover = function(){
        this.style.opacity = "1";
        for(var i=0;i<imgs.length;i++){
            imgs[i].style.display = "none";
            if(i===this.index){
                imgs[this.index].style.display = "block";
                if(this.index === 0){
                    p2.innerHTML = "覆盖6亿手机用户";
                    p3.innerHTML = "道有道不但与腾讯、百度、谷歌、今日头条等4万余个移动媒体建立了合作，还自主创建了2万个移动媒体，覆盖高消费人群"
                }
                if(this.index === 1){
                    p2.innerHTML = "我们擅长广告匹配";
                    p3.innerHTML = "基于自有媒体资源，用户行为数据更全面，用户画像持续更新，进一步提升广告投放效果。"
                }
                if(this.index === 2){
                    p2.innerHTML = "有效果才是好广告";
                    p3.innerHTML =" 中小企业更看重广告投入产出比，有效果才是好广告。我们不但服务500强企业，更为上万家中小企业提供效果广告服务。"
                }
            }
        }
    };
    uls[u].onmouseout = function(){
        this.style.opacity = ".5";
    }
}


var uls3 = cnt3_list.getElementsByTagName("ul");
var imgs3 = cnt3_img.getElementsByTagName("img");
for(var u3=0;u3<uls3.length;u3++){
    uls3[u3].index = u3;
    uls3[u3].onmouseover = function(){
        this.style.opacity = "1";
        for(var i=0;i<imgs3.length;i++){
            imgs3[i].style.display = "none";
            if(i===this.index){
                imgs3[this.index].style.display = "block";
                if(this.index === 0){
                    cnt3_p2.innerHTML = "小成本也能满足个性化需求";
                    cnt3_p3.innerHTML = "近百个功能模块方便客户一键式自由组合，满足客户个性化营销需求。一个后台系统，同时管理APP、移动网页、微信公众号等多个工具"
                }
                if(this.index === 1){
                    cnt3_p2.innerHTML = "不再拍脑门做决策";
                    cnt3_p3.innerHTML = "系统对用户属性（区域、终端型号、操作系统、运营商）、用户行为（浏览、分享、订购等）和用户活跃度进行统计、分析，直观呈现用户消费特征，为企业提供科学的决策依据，提升营销效率"
                }
                if(this.index === 2){
                    cnt3_p2.innerHTML = "不再眼馋别人的高效营销";
                    cnt3_p3.innerHTML = "你还在惊讶业内友商的移动营销效果吗？你还在摸索社区营销方式吗？你还在羡慕其他家的场景互动效果吗？这里都能给你满意的方案。"
                }
            }
        }
    };
    uls3[u3].onmouseout = function(){
        this.style.opacity = ".5";
    }
}


var uls4 = cnt4_list.getElementsByTagName("ul");
var imgs4 = cnt4_img.getElementsByTagName("img");
for(var u4=0;u4<uls4.length;u4++){
    uls4[u4].index = u4;
    uls4[u4].onmouseover = function(){
        this.style.opacity = "1";
        for(var i=0;i<imgs4.length;i++){
            imgs4[i].style.display = "none";
            if(i===this.index){
                imgs4[this.index].style.display = "block";
                if(this.index === 0){
                    cnt4_p2.innerHTML = "海量资源严格审核";
                    cnt4_p3.innerHTML = "三十多万个微信大号、朋友圈、微博大号、视频大号资源，通过严格系统及人工审核，杜绝'僵尸粉'、'虚假阅读量'、'虚假转发量'。"
                }
                if(this.index === 1){
                    cnt4_p2.innerHTML = "优化让效果更出众";
                    cnt4_p3.innerHTML = "系统对用户属性（区域、终端型号、操作系统、运营商）、用户行为（浏览、分享、订购等）和用户活跃度进行统计、分析，直观呈现用户消费特征，为企业提供科学的决策依据，提升营销效率。"
                }
                if(this.index === 2){
                    cnt4_p2.innerHTML = "任务交给我们，您安心去度假";
                    cnt4_p3.innerHTML = "你还在惊讶业内友商的移动营销效果吗？你还在摸索社区营销方式吗？你还在羡慕其他家的场景互动效果吗？这里都能给你满意的方案。"
                }
            }
        }
    };
    uls4[u4].onmouseout = function(){
        this.style.opacity = ".5";
    }
}


var uls5 = cnt5_list.getElementsByTagName("ul");
var imgs5 = cnt5_img.getElementsByTagName("img");
for(var u5=0;u5<uls5.length;u5++){
    uls5[u5].index = u5;
    uls5[u5].onmouseover = function(){
        this.style.opacity = "1";
        for(var i=0;i<imgs5.length;i++){
            imgs5[i].style.display = "none";
            if(i===this.index){
                imgs5[this.index].style.display = "block";
                if(this.index === 0){
                    cnt5_p2.innerHTML = "有效果才是好广告";
                    cnt5_p3.innerHTML = "中小企业更看重广告投入产出比，有效果才是好广告。我们不但服务500强企业，更为上万家中小企业提供效果广告服务。"
                }
                if(this.index === 1){
                    cnt5_p2.innerHTML = "我们擅长广告匹配";
                    cnt5_p3.innerHTML = "基于自有媒体资源，用户行为数据更全面，用户画像持续更新，进一步提升广告投放效果。"
                }
                if(this.index === 2){
                    cnt5_p2.innerHTML = "有效果才是好广告";
                    cnt5_p3.innerHTML = "中小企业更看重广告投入产出比，有效果才是好广告。我们不但服务500强企业，更为上万家中小企业提供效果广告服务。"
                }
            }
        }
    };
    uls5[u5].onmouseout = function(){
        this.style.opacity = ".5";
    }
}

//cnt6:hover
var cnt6Box = cnt6_box.getElementsByClassName("border_box");
$(".border_box").each(function(){
    var mst;
    $(this).hover(function(){
        // alert(1);
        var curItem = jQuery(this);
         mst = curItem.children("img").css("opacity","1");
    });
 });

